<div id="hm_side">
	<div id="hSide_topBox">
        <div class="tm_column">
        <h4 class="title title_movie"><a href="${contextPath}/movie/movie2012/"></a></h4>
        <ul class="tm_tab" id="trailers_div">
        <li class="curr"><a href="javascript:;" type="in_theater">In Theater</a></li>
        <li><a href="javascript:;" type="coming_soon">Coming Soon</a></li>
        </ul>
        </div>
        <div class="tm_Cont">
        <ul class="tm_tabBox" id="in_theater_div"  >
        <#if inTheaterItems??>
	    	<#assign items = inTheaterItems.items>
	    	<#list items as item>
	    	<#assign url = contextPath + "/movie/movie2012/" + item.id>
        	<li>
            	<div class="img"><a href="${url}"><img src="${item.thumbnail!''}" border="0" width="60" /></a></div>
	            <dl>
	            <dt class="name"><a href="${url}">${item.title!''}</a></dt>
	            <#if item.publishTime??>
	            <dd class="c_time">Opens  ${item.publishTime?date}</dd>
	            </#if>
	            </dl>
            </li>
            </#list>
         </#if>
            
            <li class="btn"><a href="${contextPath}/movie/movie2012/">More</a></li>
        </ul>
        
        <ul class="tm_tabBox" id="this_year_div" style="display:none" >
        <#if comingSoonItems??>
	    	<#assign items = comingSoonItems.items>
	    	<#list items as item>
	    	<#assign url = contextPath + "/movie/movie2012/" + item.id>
        	<li>
            	<div class="img"><a href="${url}"><img src="${item.thumbnail!''}" border="0" width="60" /></a></div>
	            <dl>
	            <dt class="name"><a href="${url}">${item.title!''}</a></dt>
	            <#if item.publishTime??>
	            <dd class="c_time">Opens  ${item.publishTime?date}</dd>
	            </#if>
	            </dl>
            </li>
            </#list>
         </#if>
            
            <li class="btn"><a href="${contextPath}/movie/movie2012/">More</a></li>
        </ul>
        
        </div>
    </div>
    <!--side top movies end-->
    
    <div class="side_banner"><a href="${contextPath}/tools/"><img src="${contextPath}/images/sideBanner_240x90.jpg" border="0" width="240" height="90" /></a></div>
    
    <div id="hSide_topBox">
        <div class="tm_column">
        <h4 class="title"><a href="${contextPath}/music/chart/">Top Music Videos</a></h4>
        </div>
        <div class="tm_Cont">
          <#if topMusicItems??>
			<#assign items = topMusicItems.items>	
				<#list items as item>
				<#assign url = contextPath + "/music/video/" + item.movieId>
				<#if item_index &lt; 3 >
		        <div class="tm_topBox tb_item1">
		            <div class="img"><a href="${url}"><img src="${item.thumbnail!''}" width="90" border="0" /></a></div>
		            <dl>
		           	<dd class="num">${item_index+1}</dd>
		            <dt class="t_name"><a href="${url}">${item.title!''}</a></dt>
		            <dd class="t_singer"><span>by</span> ${item.singer!''}</dd>
		            </dl>
	            </div>
	            <#else>
	            <div class="tm_topBox tb_item2">
		            <strong class="num">${item_index+1}</strong>
		            <dl class="info">
		            <dt class="t_name"><a href="${url}">${item.title!''}</a></dt>
		            <dd class="t_singer"><span>by</span> ${item.singer!''}</dd>
		            </dl>
	            </div>
	            </#if>
				</#list>
			</#if>	
            <div class="btn"><a href="${contextPath}/music/chart/">More</a></div>
        </div>
    </div>
    
    </div>